<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            .navRoot {

                border-top: 3px solid #ff8500;
                border-bottom: 1px solid #edeef0;

            }

            a {
                text-decoration: none;
                width: 80px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                font-size: 12px;
                color: #4c4c4c;
                display: inline-block;
            }

            a:hover{
                color: #ff8500;
                background-color:  #edeef0;
            }
        </style>
    </head>
    <body>

        <div class="navRoot">

            <div class="nav">
                <div class="nav-left">
                    <a href="#">新浪导航</a>
                    <a href="#">新浪导航</a>
                    <a href="#">新浪导航</a>
                    <a href="#">新浪导航</a>
                </div>
            </div>


        </div>


    </body>
</html>